<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
	<title>准考证打印</title>
	<link th:replace="~{common::head}">
</head>

<body class="">
<div class="wrapper">
	<div th:insert="~{common::sidebar(active='ticket.html')}"></div>
	<div class="main-panel">
		<!-- Navbar导航栏 -->
		<nav th:replace="~{common::navbar}"></nav>
		<!-- End Navbar -->
		<div class="panel-header panel-header-sm">
		</div>
		<div class="content">
			<div class="row">
				<div class="col-md-8 offset-2">

					<div class="card">
						<div class="card-header">
							<h5 class="title">准考证打印</h5>
						</div>
						<div class="card-body">
							<div id="infoTable">
								<table class="table table-responsive" >
									<tr>
										<th>身份信息:</th>
									</tr>
									<tbody>
									<tr>

										<th style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">准考证号: </th>
										<td scope="row" th:text="${testLog.getCetnum()}"></td>
									</tr>
									<tr>
										<th scope="row">姓名:</th>
										<td th:text="${student.getName()}"></td>
									</tr>
									<tr>
										<th scope="row">性别:</th>
										<td th:text="${student.getGender()==1?'男':'女'}"></td>
									</tr>
									<tr>
										<th scope="row">证件类型:</th>
										<td>中华人民共和国居民身份证</td>
									</tr>
									<tr>
										<th scope="row">证件号码:</th>
										<td th:text="${student.getId()}"></td>
									</tr>
									<tr>
										<th scope="row">所属学校:</th>
										<td th:text="${student.getSchool()}"></td>
									</tr>
									<tr>
										<th scope="row">院系班级:</th>
										<td th:text="${student.getMajor()+student.getStuClass()}"></td>
									</tr>
									<tr>
										<th scope="row">学号:</th>
										<td th:text="${student.getStuNum()}"></td>
									</tr>
									<tr>
										<th scope="row">身份证件备注:</th>
										<td>暂无</td>
									</tr>
									</tbody>
								</table>
								<table class="table table-responsive" >
									<tbody>
									<tr class="col-8" >
										<th scope="row">时间安排:</th>
										<th>考试类型</th>
										<th>考试地点</th>
										<th>场次</th>
										<th>考试日期</th>
										<th>报到时间</th>
										<th>考试时间</th>
									</tr>
									<tr>
										<td scope="row"></td>
										<td th:text="${testLog.getCetlevel()}">英语四级</td>
										<td th:text="${testLog.getTestschool()}+'综合楼南楼302'"></td>
										<td>--</td>
										<td>2021年02月30日</td>
										<td>2021年02月29日</td>
										<td>2021年02月30日 下午14:30</td>
									</tr>
									</tbody>
									<tr>
										<th scope="row">考生须知:</th>
									</tr>
									</tbody>
								</table>
								<p>1.考试当日考生须如实申报健康情况，携带相应科目准考证、报考时使用身份证件及学校规定其他证件按规定时间到达准考证上指定
									的考场，配合监考员完成健康监测、身份核对，考场签到表上签字，并按考点要求将与考试无关物品放置在指定位置。证件携带不齐全或
									不配合监考员完成身份核对、签到及拒绝将与考试无关物品放置在指定位置的考生将不得进入考场，情节严重的将按违规处理。</p>
								<p>2.考生进入考场后须按准考证上的位置入座，否则按违规处理。</p>
								<p>3.考生须听从监考员指令，在规定时间打开试卷、作答和停止作答，否则按违规处理。</p>
								<p>4.考生在答题前，请认真完成以下内容:(1)请检查试题册背面条形码粘贴条、答题卡的印刷质量，如有问题及时向监考员反映，确认
									无误后完成以下两点要求;(2)请将试题册背面条形码粘贴条揭下后粘贴在答题卡1的条形码粘贴框内，并将姓名和准考证号填写在试题册
									背面相应位置;(3)请在答题卡1和答题卡2指定位置用黑色签字笔填写准考证号、姓名和学校名称，并用HB-2B铅笔将对应准考证号的信息
									点涂黑。</p>
								<p>5.考生在考试过程中，请注意以下内容:(1)所有题目必须在答题卡上规定位置作答，在试题册上或答题卡上非规定位置的作答一律无
									效;(2)请在规定时间内在答题卡指定位置依次完成作文、听力、阅读、翻译各部分考试，作答作文期间不得翻阅该试题册。听力录音播放
									完毕后，请立即停止作答，监考员将立即回收答题卡1，得到监考员指令后方可继续作答;(3)作文题内容印在试题册背面，作文题及其他
									主观题必须用黑色签字笔在答题卡指定区域内作答。</p>
								<p>6.考生在考试过程中出现以下情况按违规处理;(1)不正确填写（涂）个人信息，错贴、不贴、毁损条形码粘贴条;(2)未按规定翻阅试
									题册、提前阅读试题、提前或在收答题卡期间作答;(3)未用所规定的笔作答、折叠或毁损答题卡导致无法评卷;(4)考试期间在非听力考试
									时间佩戴耳机;(5)CET相关规定中规定的违规行为。</p>
								<p>7.在考试过程中出现突发事件导致考试无法正常进行时，考生须听从监考员安排，相关情况未解决之前，不得离开考场.</p>
								<p>8.准考证号是成绩查询的重要依据，请妥善保管。</p>
							</div>
							<div class="col-sm-8 offset-sm-2">
								<button type="button" id="btn" class="btn btn-success" style="width: 100%" onclick="f()">下载准考证</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--底部footer-->
		<footer th:replace="~{common::footer}"></footer>
	</div>
</div>
<script type="text/javascript" th:inline="javascript">
	function f(){
		// var info = [[${student}]]
		var infoTable = document.getElementById('infoTable')
		domtoimage.toBlob(infoTable)
				.then(function (blob) {
					// var downloadName = info['name']+'-'+info['stuNum']+'-'+info['school']+'.png'
					var downloadName = '准考证.png'
					window.saveAs(blob, downloadName);
				});
	}
</script>


<!--通用footerJs-->
<script th:replace="~{common::footerJs}"></script>

<div th:replace="common::footer"></div>


</body>
</html>
